<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="https://cdn.bootcdn.net/ajax/libs/qs/6.9.4/qs.min.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.0/axios.min.js"></script>
    <script>  
    function toCommit(){
        //获取用户数据
        var inputs = document.querySelector('input');
        /* console.log(inputs);
        console.log(Array.isArray(inputs)); */
        // console.log(inputs[0].value);
        //提交数据给后台 ajax js原生的ajax， jquery的ajax $.ajax(),axios
        axios({
            url:'http://47.93.206.13:5588/waiter/saveOrUpdate',
            method:'post',
            //post方式携带的参数
            data:Qs.stringify({
                username: inputs[0].value,
                password: inputs[1].value
            }),
            //get方式携带的参数
            params:{}
        }).then(function(res){
            //res响应的数据
            console.log(res);
        })
    }
    //ajax json 字符串 xml  
    //点击按钮 获取数据 数据拿到之后使用ajax技术发起请求
    window.onload = function(){
        // var btn = document.querySelector('button');
    }
    </script>
</head>
<body>
   <form>
       用户名：<input type="text" value="zhangsan">
       密码：<input type="password">
       
   </form>
   <button onclick='toCommit()'>提交</button>
</body>
</html>